<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title data-ind="5">中国生物制药</title>
	<script type="text/javascript" src="js/location.js"></script>
	<meta name="renderer" content="webkit"/> 
	<meta http-equiv="X-UA-Compatible" content="IE=edge"> 
	<link rel="shortcut icon" href="images/favicon.ico">
	<link rel="stylesheet" type="text/css" href="css/swiper3.06.min.css">
	<link rel="stylesheet" type="text/css" href="css/animate.min.css">
	<link rel="stylesheet" type="text/css" href="css/newsroom.css">
	<script type="text/javascript" src="js/jquery-1.8.2.min.js"></script>
	<script type="text/javascript" src="js/swiper.min.js"></script>
	<script type="text/javascript" src="js/swiper.animate1.0.2.min.js"></script>
	<script type="text/javascript" src="js/countUp.js"></script>
	<script type="text/javascript" src="js/jquery.waypoints.min.js"></script>
</head>
<body>

	<!-- PHOTOS 相框 -->
	<div class="PhotosFrame" id="PhotosFrame">
		<div id="ExitPhotosFrame"></div>
		<div class="nextFrame"></div>
		<div class="prevFrame"></div>
		<div class="imgCon">
			<div class="imc">
				<span>
					<img src="images/news/img_05.jpg">
				</span>
			</div>
			
		</div>
	</div>
	<!-- PHOTOS 相框 end -->


	<!-- goTop -->
	<section id="goTop">
		<a href="javascript:void(0);" class="icon"><i class="iconfont">&#xe645;</i></a>
		<p>TOP</p>
	</section>
	<!-- goTop end-->
	

	<!-- header -->
	<header id="header">
		
	</header>
	<!-- header end -->

	<!-- FoxPro Banner-->
	<section class="FoxProBanner">
		<div class="centerCon">
			<div class="head">新闻中心</div>
			<div class="line"><span></span></div>
			<div class="lujin"><a href="javascript:void(0);">首页</a> > <a href="javascript:void(0);">新闻中心</a></div>
		</div>
	</section>
	<!-- FoxPro Banner end-->


	<!-- ANNOUNCEMENTS -->
	<section class="ANNOUNCEMENTS" style="padding-bottom: 35px;">
		<div class="centerCon">
			<h2 class="headerin"><span>公司公告</span></h2>
			<ul class="ANNList" id="ANNList">
				<!-- <li class="clearfloat">
					<div class="timeCom">SEP 9 , 2016</div>
					<div class="RigCon">
						<a href="#">
							<p>AXA announced the succeccful palcement of USD 850 million undated subordinated niotes</p>
							<span>PRESS RELEASE</span>
						</a>
					</div>
				</li>
				<li class="clearfloat">
					<div class="timeCom">SEP 9 , 2016</div>
					<div class="RigCon">
						<a href="#">
							<p>AXA announced the succeccful palcement of USD 850 million undated subordinated niotes</p>
							<span>PRESS RELEASE</span>
						</a>
					</div>
				</li>
				<li class="clearfloat">
					<div class="timeCom">SEP 9 , 2016</div>
					<div class="RigCon">
						<a href="#">
							<p>AXA announced the succeccful palcement of USD 850 million undated subordinated niotes</p>
							<span>PRESS RELEASE</span>
						</a>
					</div>
				</li>
				<li class="clearfloat">
					<div class="timeCom">SEP 9 , 2016</div>
					<div class="RigCon">
						<a href="#">
							<p>AXA announced the succeccful palcement of USD 850 million undated subordinated niotes</p>
							<span>PRESS RELEASE</span>
						</a>
					</div>
				</li> -->
				<!-- <li class="clearfloat">
					<a href="#" class="bot">MORE</a>
				</li> -->

			</ul>
		</div>
	</section>
	<!-- ANNOUNCEMENTS end -->



	<!-- Feature News -->
	<section class="Feature">
		<div class="centerCon">
			<h2 class="headerin"><span style="color: #fff;"></span>专题新闻</h2>
			<ul class="Featurels" id="FeaturelsCn">
				<!-- <li>
					<a href="#" class="clearfloat">
						<div class="imgc"><img src="images/news/img_12.jpg"></div>
						<div class="Wr">
							<h3>Feature News</h3>
							<p>Feature NewsFeature NewsFeature NewsFeature NewsFeature NewsFeature NewsFeature NewsFeature NewsFeature NewsFeature NewsFeature NewsFeature NewsFeature NewsFeature NewsFeature NewsFeature NewsFeature NewsFeature NewsFeature NewsFeature NewsFeature NewsFeature NewsFeature NewsFeature NewsFeature NewsFeature NewsFeature NewsFeature NewsFeature NewsFeature NewsFeature NewsFeature News</p>
						</div>
					</a>
				</li>
				<li>
					<a href="#" class="clearfloat">
						<div class="imgc"><img src="images/news/img_12.jpg"></div>
						<div class="Wr">
							<h3>Feature News</h3>
							<p>Feature NewsFeature NewsFeature NewsFeature NewsFeature NewsFeature NewsFeature NewsFeature NewsFeature NewsFeature NewsFeature NewsFeature NewsFeature NewsFeature NewsFeature NewsFeature NewsFeature NewsFeature NewsFeature NewsFeature NewsFeature NewsFeature NewsFeature NewsFeature NewsFeature NewsFeature NewsFeature NewsFeature NewsFeature NewsFeature NewsFeature NewsFeature News</p>
						</div>
					</a>
				</li>
				<li>
					<a href="#" class="clearfloat">
						<div class="imgc"><img src="images/news/img_12.jpg"></div>
						<div class="Wr">
							<h3>Feature News</h3>
							<p>Feature NewsFeature NewsFeature NewsFeature NewsFeature NewsFeature NewsFeature NewsFeature NewsFeature NewsFeature NewsFeature NewsFeature NewsFeature NewsFeature NewsFeature NewsFeature NewsFeature NewsFeature NewsFeature NewsFeature NewsFeature NewsFeature NewsFeature NewsFeature NewsFeature NewsFeature NewsFeature NewsFeature NewsFeature NewsFeature NewsFeature NewsFeature News</p>
						</div>
					</a>
				</li>
				<li>
					<a href="#" class="clearfloat">
						<div class="imgc"><img src="images/news/img_12.jpg"></div>
						<div class="Wr">
							<h3>Feature News</h3>
							<p>Feature NewsFeature NewsFeature NewsFeature NewsFeature NewsFeature NewsFeature NewsFeature NewsFeature NewsFeature NewsFeature NewsFeature NewsFeature NewsFeature NewsFeature NewsFeature NewsFeature NewsFeature NewsFeature NewsFeature NewsFeature NewsFeature NewsFeature NewsFeature NewsFeature NewsFeature NewsFeature NewsFeature NewsFeature NewsFeature NewsFeature NewsFeature News</p>
						</div>
					</a>
				</li> -->
			</ul>
			<div class="BotConPub">
				<a href="pageList.html?cate_id=22" class="bot" style="background-color: #5b9910;">更多</a>
			</div>
		</div>
	</section>
	<!-- Feature News end -->

	
	<!-- photos -->
	<section class="photosNews">
		<div class="centerCon">
			<h2 class="headerin"><span style=""></span>新闻照片</h2>
			<ul class="photosNewsls clearfloat" id="photosCon">
				<!-- <li class="one">
					<a href="javascript:void(0);">
						<img class="photo" data-in="1" src="images/news/img_13.jpg">
						<div class="men">
							<div class="title">Aopen</div>
							<p>apengapengapengapengapengapengapeng</p>
							<span class="iconCn"><i class="iconfont">&#xe601;</i></span>
						</div>
					</a>
				</li>
				<li class="two">
					<a href="javascript:void(0);">
						<img class="photo" data-in="2" src="images/news/img_14.jpg">
						<div class="men">
							<div class="title">Aopen</div>
							<span class="iconCn"><i class="iconfont">&#xe601;</i></span>
						</div>
					</a>
				</li>
				<li class="two">
					<a href="javascript:void(0);">
						<img class="photo" data-in="3" src="images/news/img_14.jpg">
						<div class="men">
							<div class="title">Aopen</div>
							<span class="iconCn"><i class="iconfont">&#xe601;</i></span>
						</div>
					</a>
				</li>
				<li class="two">
					<a href="javascript:void(0);">
						<img class="photo" data-in="4" src="images/news/img_14.jpg">
						<div class="men">
							<div class="title">Aopen</div>
							<span class="iconCn"><i class="iconfont">&#xe601;</i></span>
						</div>
					</a>
				</li>
				<li class="two">
					<a href="javascript:void(0);">
						<img class="photo" data-in="5" src="images/news/img_14.jpg">
						<div class="men">
							<div class="title">Aopen</div>
							<span class="iconCn"><i class="iconfont">&#xe601;</i></span>
						</div>
					</a>
				</li> -->
			</ul>
		</div>
	</section>
	<!-- photos end -->


	<!-- VIDEO -->
	<section class="videoNews">
		<div class="centerCon">
			<h2 class="headerin"><span style=""></span>公司视频</h2>
			<div class="VideoCn" id="videoC">
				<div class="VideoNei">
					<video id="indVideo" src="../video/cn.mp4" poster="../video/video.png"></video>
					<div class="play"></div>
				</div>
				
			</div>
		</div>
	</section>
	<!-- VIDEO end -->


<div id="FooterCon"></div>


	<script type="text/javascript" src="js/public.js"></script>
	<script type="text/javascript" src="header/header.js"></script>
	<script type="text/javascript" src="js/newsroom.js"></script>
	<script type="text/javascript">
		$(function () {
			



//video 控制
function VideoSet(){

	var Vcon = $('#videoC');
	var play = Vcon.find('.play');
	var Video = $('#indVideo')[0];

/*	play.click(function(){
		if(Video.paused){ //如果当前是暂停状态
            play.addClass('active');
            Video.play();//播放
            return;
        }else{//当前是播放状态
            play.removeClass('active');
            Video.pause(); //暂停
        }
	})*/

	var alltime = null;
	
	// console.log(audio.duration);
	Video.addEventListener('canplay',function(){
		console.log('canplay');
		alltime = this.duration; //视频的长度
		Video.volume = 1.0;  //音量
		console.log(alltime);

	},false)


	Video.addEventListener('pause',function(){
		console.log('stop')
		play.removeClass('active');
	},false)

	Video.addEventListener('play',function(){
		console.log('play')
		this.loop = true ;
		play.addClass('active');
	},false)

	Video.addEventListener('volumechange',function(){
		
	},false)
	
	Video.addEventListener('timeupdate',function(){
		console.log('timeupdate');
		console.log(this.controller);
		var currentTime = this.currentTime;
		// span.width(currentTime/alltime*100 +'%');
		// ConI.css({left: currentTime/alltime*100 +'%'})


	},false)

	play.click(function(){
		if (Video.paused) {
			Video.play();
		}else{
			Video.pause();
		}
	})

}

VideoSet()
//video 控制end


})
</script>
</body>
</html>